@charset "utf-8";
/* CSS Document */
*{padding:0px; margin:0px;}
a:hover{ text-decoration:none;}
ul{ list-style:none;}
body{ background:#f6f7f9;}
.navbar{ background:rgba(30,67,96,0.8); height:100px; margin-bottom:0px; position:absolute; top:0px; z-index:99999; width:100%;}
.navbar-brand{ margin:0px ; padding:0px;}
.navbar-brand img { margin:0px 50px; height:100px; width:122px;}
.navbar-header{ height:100px;}
.navbar-nav{ width:80%; float:right;}
.navbar-default { border:0px;}
.navbar-nav li{ width:10%; text-align:center;}
.navbar-nav li>a{ font-size:16px; font-weight:bold; color:#FFF !important; height:100px; line-height:80px;}
.navbar-nav li.seach{font-size:16px; font-weight:bold; text-align:left; color:#FFF !important; height:100px; line-height:100px;}
.navbar-toggle{ border:0px; width:60px; margin-top:20px;}
.navbar-default .navbar-toggle .icon-bar{ width:100% !important; background-color:#FFF !important; height:4px !important; margin:8px auto;}

.phone{ display:none;}

.glyphicon-search{ margin-left:10px;}
#seach{ display:none;}
.banner{ position:relative; top:0px;height:879px;}
.swiper-container {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }
.swiper-container .swiper-slide {
      text-align: center;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
   }
 .swiper-container .swiper-slide div{  display:block;  position:absolute;}
.swiper-pagination-fraction{ bottom:85px !important; font-size:30px;  color:#FFF;}

.text1{ font-size:30px; text-align:center; color:#999; }
.text2{ font-size:60px; top:35%;  margin:0px auto;font-weight:bold; color:#FFF;}
.text3{font-size:18px; margin:0px auto; top:46%; font-family:"宋体";color:#FFF;}
 .swiper-container .swiper-pagination-bullet{width:10px; height:10px; background:#FFF;}



/***产品中心**/
.title a{ color:#333;}
.product{ background:url(../images/probg.jpg) top left; padding-bottom:60px; padding-top:30px; padding-left:50px; }
.product .title{ font-size:36px; font-weight:bold;  }
.product ul li{ display:inline-block; width:33%; text-align:center; border-right:1px #FFFFFF solid;}
.product ul li a{ display:block;}
.product ul li a span{ display:block; text-align:center; font-size:24px; color:#333333;}
.product ul li img{ width:100%;}
/*关于我们*/

.about{ overflow:hidden; width:100%; background:url(../images/ys_01.png) top left;  }
.about .about-left{float:left; width:50%; overflow:hidden; padding:4%; padding-bottom:0px; }
.about .about-left .title{ font-size:36px; font-weight:bold;}
.about .about-left .title span{ display:block; border-bottom:2px #FFFFFF solid; width:70px; margin:10px 0px;}
.about .about-left .title a{color:#FFF;}
.about .about-left p{ color:#FFF; line-height:34px; }
.about .about-left ul{ margin-left:10%;; margin-top:5%; margin-right:10%;}
.about .about-left ul li{ display:inline-block; width:24%;}
.about .about-left ul li:last-child{ margin-right:0px;}
.about .about-left ul li a{ display:block;width:60px; height:60px; margin:0px auto; text-align:center; line-height:60px;  border-radius:50%; border:2px #FFFFFF solid;   }
.about .about-left ul li a:hover{ background:#ffa51a;}
.about .about-left ul li span{ color:#FFF; display:block; text-align:center; margin-top:10px;}
.about .about-right{ width:50%; float:left; background:url(../images/home01_14.jpg) center center; height:539px;}
.about .about-right a img{ width:100%;  height:100%;}

.superiority{overflow:hidden; width:100%;background:url(../images/ys_02.png) top right;}
.sup-left{ width:50%; float:left; background:url(../images/home01_29.jpg) center center; height:769px;}
.sup-left img{ width:100%;  height:100%;}
.sup-right{ width:50%; float:right;  padding-left:70px; padding-top:75px;}
.sup-right .title{font-size:36px; font-weight:bold; }
.sup-right .title a{ color:#FFF;}
.sup-right .title span{ display:block; border-bottom:2px #FFFFFF solid; width:70px; margin:10px 0px;}
.sup-right ul{ margin-top:20px;}
.sup-right ul li{ display:inline-table; width:49%; color:#FFF;margin-top:20px; cursor:pointer; }
.sup-right ul li .sup-img{ background:#333333; width:80px;}
.sup-right ul li p{ width:60%; line-height:30px;}
.sup-right .text-left{ font-size:18px; font-weight:bold; margin-top:15px;}
.sup-right .text-left span{ display:block; border-bottom:2px #FFFFFF solid; width:30px; margin:10px 0px;}

.sup-right ul li:hover .sup-img{ background:#ffa51a; width:80px; }


.anli{ overflow:hidden; width:1900px; padding:50px;}
.anli-fisrt .title{ font-size:38px; font-weight:bold; margin-bottom:30px;}
.anli-fisrt  ul{width:100%;}
.anli-fisrt  ul li{position:relative; display:inline-table; margin-right:1.8%; width:31.8%;}
.anli-fisrt  ul li:last-child{ margin-right:0px;}
.anli-fisrt  ul li img{ width:100%;}
.anli-fisrt  ul li .anli-bg{ display:none;}
.anli-fisrt  ul li:hover .anli-bg{ display:block; position:absolute; top:0px; left:0px; width:92%; height:90%; color:#FFF; font-size:65px; margin:4%; border:4px #FFF solid; text-align:center;}
.anli-fisrt  ul li:hover .anli-bg h5{ font-size:28px; letter-spacing:0.2em; margin-top:30%; font-weight:normal;}

.swiper-container2 {
      width: 60%;
 
	 margin: 100px auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    }
	.swiper-container2 .swiper-wrapper{
		width: 50%;
    margin: 0px auto;
		
		}
 .swiper-container2   .swiper-slide {
      text-align: center;
      font-size: 18px;
      /*background: #fff;*/

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
 .swiper-container2   .swiper-slide img{ width:100%;}

.swiper-next{ position: absolute;
    top: 50%;
	left:0px;
    width: 27px;
    height: 44px;
    margin-top: -32px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;}
.swiper-prev{ position: absolute;
    top: 50%;
	right:10px;
    width: 27px;
    height: 44px;
    margin-top: -32px;
    z-index: 10;
    cursor: pointer;}
.anli .moer{ width:20%; height:60px; font-size:18px; line-height:60px; margin:0px auto; text-align:center; background:#ee3f33; color:#FFF; }
.anli .moer a{ color:#FFF;}

.footer_sec_link {
    margin: 3px 0 0;
    padding: 1px 0 0;
    font-size: 14px;
    color: #666;
}

.cnt {
    max-width: 1201px;
    margin: 0 auto;
    padding: 0 10px;
}

.footer_sec_link .cnt .link_title {
    float: left;
    margin: 0px 5px 0 0;
	color: #ee3f33;
    font-weight: bold;
}

.footer_sec_link .cnt .link_list {
    margin: 35px 0 35px 80px;
}

.footer_sec_link a {
    color: #666;
}

.footer_sec_link .cnt .link_list .link_split {
    display: inline-block;
    margin: 0 8px;
}

.footer{ background:#2a2f38; width:1900px; padding:100px 50px;}
.footer ul { height:60px;}
.footer ul li{display:inline-table; width:260px; margin-right:30px; position:relative; }
.footer ul li div{display:inline-block; color:#FFF; font-size:14px;}
.footer ul li .foot-img{ height:60px; width:30%; position:absolute; }
.footer ul li .foot-text{ position:absolute; left:30%;height:60px; width:60%; border-left:1px #FFF solid; padding-left:20px;}

.copyright{ color:#FFF; margin-top:50px; padding-top:20px; border-top:1px #666666 solid; text-align:center;}


@media screen and (max-width:1440px)
{
	.about,.anli,.footer,.superiority{ width:100%;}
	.about-left{ padding-top:10px !important; padding-bottom:20px !important;}
	.about-left ul { margin:0px !important; }
	.about-left ul li{ width:24%; margin:0px !important; text-align:center; }
	.about-left ul li a{ margin:0px auto;}
	.about-left ul li img{ width:100%; height:100%;}
	.sup-right{ padding-top:10px !important; padding-left:10px !important;}
	.sup-right ul li p{ width:90%;}
	.footer ul li{ width:14%;} 

	}

@media screen and (max-width:1024px)
{
	.navbar-brand img{ margin:0px;}
	.navbar-nav li>a{ font-size:16px ; padding:5px !important; line-height:90px;}
	.swiper-container2{ margin:60px auto;}
	.footer { padding:50px 25px;}
	.footer ul{ height:auto;}
	.footer ul li{ width:30%; height:60px; margin-right:0px;}
	.footer ul li .foot-img{ height:60px; width:20%; position:absolute; }
    .footer ul li .foot-text{ position:absolute; left:20%;height:60px; width:60%; border-left:1px #FFF solid; padding-left:20px;}
	
}

@media screen and (max-width:720px)
{
	   .product{ padding-left:10px;} 

        .product ul{ width:98%;}
      .product ul li { margin-top:10px;}
	.navbar-nav{ width:25% !important; height:auto; background:#3a3a3a; margin-top:0px; z-index:9999;overflow:hidden; }
	.navbar-nav li{ width:100%; height:45px; line-height:45px;  border-bottom:1px  #666666 solid; }
	.navbar-nav li>a{ height:45px; line-height:35px !important;}
	.navbar-collapse{ height:auto !important; }
	.navbar-fixed-top .navbar-collapse{ max-height:inherit;}
	.navbar-default .navbar-collapse{border:0px;}
	.navbar-nav li.seach{ display:none;}
	.text2{ font-size:1.5em; top:45%;  margin:0px auto;font-weight:bold; color:#FFF;}
.text3{font-size:1em; margin:0px auto; top:50%; font-family:"宋体";color:#FFF;}
	.swiper-button-prev,.swiper-button-next{ display:none;}
	#seach{ position:relative; float:right; margin-top:40px; margin-right:10px; padding-right:20px; font-weight:normal; color:#FFF; font-size:16px; border-right:1px #FFFFFF solid;}
	.product ul li{ width:100%;}
.product ul li img{ width:100%;}
.banner{ height: auto !important; margin-top:100px;}
 .slide1{ display:none !important;}
 .phone{ display:block;}
  .phone img{ width:100%;}
.about-left{ width:100% !important; height:100%;}
	.about-right{width:100% !important;}
	.sup-left{ width:100% !important;}
	.sup-right{width:100% !important;}
	.anli-fisrt ul li{ width:100% !important; margin:20px auto;}
	.swiper-container2{ width:100%; margin:20px auto; height:inherit;}
	.footer ul li{ width:48%; height:60px; margin-right:0px; margin-top:50px;}
	}
@media screen and (max-width:480px)
{
	
	.swiper-button-prev{ left:30%;}
	.swiper-button-next{ right:30%;}
	
   .product,.anli{ padding-left:10px;} 

.product ul{ width:98%;}
.product ul li { margin-top:10px;}
.about-left p{ height:240px;overflow:hidden;text-overflow:ellipsis; }
.about-right{width:100%;height:inherit!important;}
.bg-img img{width:100%; }
.superiority{ background:#0cb0d6;}
.sup-left{width:100%;height:inherit!important;}
.sup-right{background: url(../images/ys_02.png) no-repeat top left;}
.sup-right ul li { width:100%;}
.text-left{ font-size:16px !important;}
.anli{ padding-right:10px;}
.anli-fisrt ul{ width:100%;}
.anli-fisrt .title{ margin-bottom:0px;}
.anli .moer{ width:100%;}
.footer img{ width:100%;}
.footer ul li{ width:49%;}
.footer ul li .foot-text{padding-left:10px !important;}


}